<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="UTF-8">
    <title>物资入库</title>
    <script th:src="@{/js/jquery.min.js}"></script>

</head>
<body>
<table id="tbb" width="98%" border="1" align="center" cellPadding="0" cellSpacing="0">

    <tr>
        <td align="center">托盘码:</td>
        <td><input id="trayCode" type="text" name="trayCode" style="width: 50%"/>
    </tr>

    <tr>
        <td align="center">WMS单据编号:</td>
        <td><input id="customerId" type="text" name="customerId" style="width: 50%"/>
    </tr>

    <tr>
        <td align="center">物料编号:</td>
        <td><input id="productId" type="text" name="productId" style="width: 50%"/>
    </tr>
    <input id="stockinDetailId" type="text" name="stockinDetailId" style="width: 50%" hidden/>
    <tr>
        <td align="center">批号:</td>
        <td><input id="lotNo" type="text" name="lotNo" style="width: 50%"/>
    </tr>
    <tr>
        <td align="center">物料名称:</td>
        <td><input id="productName" type="text" name="productName" style="width: 50%" readonly/>
    </tr>

    <tr>
        <td align="center">数量:</td>
        <td><input id="quantity" type="number" name="quantity" style="width: 50%"/>
    </tr>

    <tr>
        <td align="center">仓库类型:</td>
        <td>
            <label><input type="radio" name="warehouseId2" value="01">托盘库</label>
            <label><input type="radio" name="warehouseId2" value="02">料箱库</label>
        </td>
    </tr>

    <tr>
        <td height="25" bgcolor="#d9e8fc" align="center" colSpan="2">
            <table width="100%">
                <tr>
                    <td width="40%" align="center">
                        <button id="btn_submit" type="button" onclick="saveInJob()" style="width:30%">提交</button>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <script>

        // 获取输入框元素
        var stockinDetailId = document.getElementById('stockinDetailId');
        var productId = document.getElementById('productId');
        var customerId = document.getElementById('customerId');
        var trayCode = document.getElementById('trayCode');
        var productName = document.getElementById('productName');
        var lotNo = document.getElementById('lotNo');
        var quantity = document.getElementById('quantity');
        // 监听输入框的input事件
        // customerId.addEventListener('input', function () {
        //     // 获取输入框的值
        //
        //     var value = customerId.value;
        //     var value2 = productId.value;
        //     var value3 = productId.value;
        //
        //     // 发送请求到后端
        //     // 可以使用Ajax、Fetch或其他适合的方式发送请求
        //     // 这里使用Fetch作为示例
        //     fetch('/pda/listByStockinDetailId', {
        //         method: 'POST',
        //         body: JSON.stringify({customerId: value,productId: value2,lotNo:value3}),
        //         headers: {
        //             'Content-Type': 'application/json'
        //         }
        //     })
        //         // .then(function (response) {
        //         //     // 解析响应数据
        //         //     return response.json();
        //         // })
        //         .then(function (data) {
        //             // 将请求结果显示到输入框中
        //             stockinDetailId.value = data.stockinDetailId;
        //             trayCode.value = data.data.trayCode;
        //             productName.value = data.productName;
        //             lotNo.value = data.lotNo;
        //             quantity.value = data.quantity;
        //         })
        //         .catch(function (error) {
        //             // 处理错误
        //             console.error('Error:', error);
        //         });
        // });

        productId.addEventListener('input', function () {
            // 获取输入框的值
            //必须先有单据号
            var djh = customerId.value;
            if(djh==''){
                alert("先扫描单据");
                productId.value = '';
                return
            }

            var value = customerId.value;
            var value2 = productId.value;
            var value3 = lotNo.value;
            if(value==undefined){
                alert("先扫描单据，再输入物料编码");
                return;
            }
            // 发送请求到后端
            // 可以使用Ajax、Fetch或其他适合的方式发送请求
            // 这里使用Fetch作为示例
            fetch('/pda/listByStockinDetailId', {
                method: 'POST',
                body: JSON.stringify({customerId: value,productId: value2,lotNo:value3}),
                headers: {
                    'Content-Type': 'application/json'
                }
            })
                .then(function (response) {
                    // 解析响应数据
                    return response.json();
                })
                .then(function (data) {
                    // 将请求结果显示到输入框中
                    stockinDetailId.value = data.data.stockinDetailId;
                    trayCode.value = data.data.trayCode;
                    productName.value = data.data.productName;
                    lotNo.value = data.data.lotNo;
                    quantity.value = data.data.quantity;
                })
                .catch(function (error) {
                    // 处理错误
                    console.error('Error:', error);
                });

        });


        lotNo.addEventListener('input', function () {
            // 获取输入框的值
            var value = customerId.value;
            var value2 = productId.value;
            var value3 = lotNo.value;
            // 发送请求到后端
            // 可以使用Ajax、Fetch或其他适合的方式发送请求
            // 这里使用Fetch作为示例
            fetch('/pda/listByStockinDetailId', {
                method: 'POST',
                body: JSON.stringify({customerId: value,productId: value2,lotNo:value3}),
                headers: {
                    'Content-Type': 'application/json'
                }
            })
                .then(function (response) {
                    // 解析响应数据
                    return response.json();
                })
                .then(function (data) {
                    // 将请求结果显示到输入框中
                    stockinDetailId.value = data.data.stockinDetailId;
                    trayCode.value = data.data.trayCode;
                    productName.value = data.data.productName;
                    lotNo.value = data.data.lotNo;
                    quantity.value = data.data.quantity;
                })
                .catch(function (error) {
                    // 处理错误
                    console.error('Error:', error);
                });

        });


        function saveInJob() {
            //控制按钮多次点击
            var btn = document.getElementById('btn_submit');//首先需要获取的是哪一个按钮的id
            btn.disabled = 'disabled';//只要点击就将按钮的可点击的状态更改为不可以点击的状态
            setTimeout(function () {//设置时间，多久可以改变状态为可以点击
                btn.disabled = '';
            }, 3000);

            //验证数据完成性
            var stockinDetailId = document.getElementById("stockinDetailId").value;
            if (stockinDetailId == "") {
                alert("子单编号不能为空");
                document.getElementById("stockinDetailId").focus();
                return;
            }
            var trayCode = document.getElementById("trayCode").value;
            if (trayCode == "") {
                alert("托盘码不能为空");
                document.getElementById("trayCode").focus();
                return;
            }
            var productName = document.getElementById("productName").value;
            if (productName == "") {
                alert("物料名称不能为空");
                document.getElementById("productName").focus();
                return;
            }

            var lotNo = document.getElementById("lotNo").value;
            if (lotNo == "") {
                alert("批号不能为空");
                document.getElementById("lotNo").focus();
                return;
            }
            var quantity = document.getElementById("quantity").value;
            if (quantity == "") {
                alert("数量不能为空");
                document.getElementById("quantity").focus();
                return;
            }
            var warehouseId2 = document.querySelector('input[name="warehouseId2"]:checked').value;

            if (warehouseId2 == "") {
                alert("仓库类型不能为空");
                return;
            }
            $.ajax({
                url: "/pda/saveJobX",
                method: "POST",
                data: JSON.stringify({
                    stockinDetailId: stockinDetailId,
                    trayCode: trayCode,
                    productName: productName,
                    lotNo: lotNo,
                    quantity: quantity,
                    warehouseId: warehouseId2,
                }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    // 处理响应结果
                    console.log(result);
                    alert(result.msg)
                    window.location.reload();
                },
                error: function (xhr, status, error) {
                    // 处理错误信息
                    console.log(error);
                }
            });
        }

        //呼叫工装
        function callGZ() {
            //控制按钮多次点击
            var btn = document.getElementById('btn_callgz');//首先需要获取的是哪一个按钮的id

            btn.disabled = 'disabled';//只要点击就将按钮的可点击的状态更改为不可以点击的状态
            setTimeout(function () {//设置时间，多久可以改变状态为可以点击
                btn.disabled = '';
            }, 3000);

            //验证数据完成性
            var productId = document.getElementById("productId").value;
            if (productId == "") {
                alert("工件编码不能为空");
                document.getElementById("productId").focus();
                return;
            }
            var entranceId = document.getElementById("entranceId").value;
            if (entranceId == "") {
                alert("请选择入口");
                return;
            }

            $.post("/rf/outCarrier", {
                productId: productId,
                kh: entranceId
            }, function (result) {
                console.log(result)
                alert(result.smg)
            }, "json");


        }

    </script>
</table>
</body>
</html>